<!DOCTYPE html>
<!--
Copyright (C) 2021 Echedey López Romero <elr@disroot.org>

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->
<html lang="es">
    <head>
        <meta charset="utf-8" />
        <title>Cristiano Ronaldo</title>
        <meta name="author" content="Echedey López Romero" />
        <meta name="description" content="Sitio web sobre Cristiano Ronaldo" />
        <meta name="keywords" content="Fútbol, Cristiano Ronaldo" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="./css/common.css" />
        <link rel="stylesheet" href="./css/videos.css" />
    </head>
    <body>
        <header>
            <img src="./images/cristiano-ronaldo.webp" alt="Cara de Cristiano Ronaldo" />
            <h1>Cristiano Ronaldo</h1>
        </header>
        <nav>
            <ul>
                <li>
                    <a href="./index.html">Inicio</a>
                </li>
                <li>
                    <a href="./biography.html">Biografía</a>
                </li>
                <li>
                    <a href="./gallery.html">Galería</a>
                </li>
                <li>
                    <a href="./teams.html">Equipos</a>
                </li>
                <li>
                    <a href="#">Vídeos</a>
                </li>
                <li>
                    <a href="./statistics.html">Estadísticas</a>
                </li>
                <li>
                    <a href="./contact.html">Contacto</a>
                </li>
                <li>
                    <a href="./links.html">Enlaces</a>
                </li>
            </ul>
        </nav>
        <main>
            <div>
                <iframe width="300" height="200" src="https://www.youtube.com/embed/OUKGsb8CpF8?enablejsapi=1&origin=https://example.com" 
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                <iframe width="300" height="200" src="https://www.youtube.com/embed/aW1nYxn5VOA?enablejsapi=1&origin=https://example.com" 
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
            <div>
                <iframe width="300" height="200" src="https://www.youtube.com/embed/p0IcRDShL1A?enablejsapi=1&origin=https://example.com" 
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                <iframe width="300" height="200" src="https://www.youtube.com/embed/fZgx6Wtv9Og?enablejsapi=1&origin=https://example.com" 
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
        </main>
        <footer>
            <p>
                Copyright &copy; 2021 - Echedey López Romero - <a href="https://www.gnu.org/licenses/gpl-3.0-standalone.html" target="_blank">GPL 3.0 or superior</a>
            </p>
        </footer>
    </body>
</html>